<ui:composition lang="pt-br" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<div class="row-fluid">
		<div class="span12 center" style="text-align: center;">					
			<ul class="stat-boxes">
				<li>
					<div class="left peity_bar_good"><span><span style="display: none; ">2,4,9,7,12,10,12</span><canvas width="50" height="24"></canvas></span>+20%</div>
					<div class="right">
						<strong>36094</strong>
						Visits
					</div>
				</li>
				<li>
					<div class="left peity_bar_neutral"><span><span style="display: none; ">20,15,18,14,10,9,9,9</span><canvas width="50" height="24"></canvas></span>0%</div>
					<div class="right">
						<strong>1433</strong>
						Users
					</div>
				</li>
				<li>
					<div class="left peity_bar_bad"><span><span style="display: none; ">3,5,9,7,12,20,10</span><canvas width="50" height="24"></canvas></span>-50%</div>
					<div class="right">
						<strong>8650</strong>
						Orders
					</div>
				</li>
				<li>
					<div class="left peity_line_good"><span><span style="display: none; ">12,6,9,23,14,10,17</span><canvas width="50" height="24"></canvas></span>+70%</div>
					<div class="right">
						<strong>8650</strong>
						Orders
					</div>
				</li>
			</ul>
		</div>	
	</div>
	<div class="row-fluid">
		<div class="span12">
			<div class="widget-box">
				<div class="widget-title">
					<span class="icon">
						<i class="icon-signal"></i>
					</span>
					<h5>Site Statistics</h5>
					<div class="buttons">
						<a href="./Unicorn Admin_files/Unicorn Admin.html" class="btn btn-mini"><i class="icon-refresh"></i> Update stats</a>
					</div>
				</div>
				<div class="widget-content">
					<div class="row-fluid">
					<div class="span4">
						<ul class="site-stats">
							<li><i class="icon-user"></i> <strong>1433</strong> <small>Total Users</small></li>
							<li><i class="icon-arrow-right"></i> <strong>16</strong> <small>New Users (last week)</small></li>
							<li class="divider"></li>
							<li><i class="icon-shopping-cart"></i> <strong>259</strong> <small>Total Shop Items</small></li>
							<li><i class="icon-tag"></i> <strong>8650</strong> <small>Total Orders</small></li>
							<li><i class="icon-repeat"></i> <strong>29</strong> <small>Pending Orders</small></li>
						</ul>
					</div>
					<div class="span8">
						<div class="chart" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; "><canvas class="base" width="808" height="300"></canvas><canvas class="overlay" width="808" height="300" style="position: absolute; left: 0px; top: 0px; "></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-24px;top:282px;width:101px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:91px;top:282px;width:101px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:206px;top:282px;width:101px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:321px;top:282px;width:101px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:437px;top:282px;width:101px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:552px;top:282px;width:101px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:667px;top:282px;width:101px">12</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:258px;right:789px;width:19px">-1.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:215px;right:789px;width:19px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:173px;right:789px;width:19px">-0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:131px;right:789px;width:19px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:88px;right:789px;width:19px">0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:46px;right:789px;width:19px">1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:3px;right:789px;width:19px">1.5</div></div></div><div class="legend"><div style="position: absolute; width: 54px; height: 40px; top: 9px; right: 9px; background-color: rgb(255, 255, 255); opacity: 0.85; "> </div><table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid #BA1E20;overflow:hidden"></div></div></td><td class="legendLabel">sin(x)</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid #459D1C;overflow:hidden"></div></div></td><td class="legendLabel">cos(x)</td></tr></tbody></table></div></div>
					</div>	
					</div>							
				</div>
			</div>					
		</div>
	</div>
</ui:composition>